// 表格样式合集
.as-table-area-flex,
.as-table-area-fixed,
.as-table-area {
    width: 100%;
    height: 100%;
    font-size: var(--fsm);

    .as-table {
        width: calc(100% - 2px);

        .as-table-row>div {
            padding: 8px;
            border: 1px solid var(--ch4);
            word-break: break-all;
        }

        textarea {
            align-content: center;
        }

        textarea,
        select,
        input {
            font-family: inherit;
            font-size: var(--fsm);
            border-radius: 8px;
            padding: 2px 6px;
            width: calc(100% - 12px);
        }

        .cur {
            background-color: var(--cm0);

            textarea,
            select,
            input {
                background-color: var(--ch0);
            }
        }

        .as-table-header {
            background-color: var(--ch2);
            font-weight: bold;
        }
    }
}

.as-btn-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

.as-table-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.as-table-area-flex {
    display: block;

    .as-table {
        display: flex;
        flex-direction: column;

        .as-table-header {
            height: auto;
        }

        .as-table-body {
            flex-grow: 1;
        }

        .as-table-row {
            display: flex;

            >div {
                width: 58px;
                min-width: 58px;
                display: flex;
                align-items: center;
                word-break: break-all;
            }

            .lim {
                flex-grow: 1;
            }
        }

        .as-table-full {
            display: flex;
            background-color: var(--ch2);
        }
    }
}

.as-table-area-fixed,
.as-table-area {
    display: block;

    .as-table {
        display: table;
        border-collapse: collapse;

        .as-table-header,
        .as-table-body {
            display: table-row-group;
        }

        .as-table-row {
            display: table-row;

            >div {
                display: table-cell;
                vertical-align: middle;
                word-break: break-all;
            }
        }
    }
}

.as-table-area-fixed {
    .as-table-header {
        position: sticky;
        top: -1px;
        z-index: 10;
    }
}